/* Improve the page outline aside. "On this page" is redundant IMO. */

.VPDocAsideOutline .content {
	/* Because we can only hide, not remove (none) the title, it appears as an extended top boarder, just remove the border completely to fix that.  */
	border: none;
}

.outline-title {
	/* If we make it display:none then we break the active border indicator alignment. So just visually hide. */
	opacity: 0;
	margin-top: -1.6rem;
}

.VPContent h6 {
	opacity: 0.6;
	font-size: 0.7rem;
}

.VPContent .TitleHint {
	margin-top: 0;
	opacity: 0.6;
	font-size: 0.7rem;
	font-style: italic;
}

.VPContent h6 a {
	opacity: 0.6;
	/* font-size: 0.6rem; */
	/* text-transform: uppercase; */
	font-weight: 900;	
}

.VPContent h6 a:hover {
	opacity: 1;
}

/* Improve vertical alignment of badges. Mostly noticeable with big titles.*/

.vp-doc h1 > .VPBadge {
	vertical-align: middle;
	margin-top: auto;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0.025em;

}

.Diagram {
	max-width: 80%;
	opacity: 0.75;
	margin: 3rem 0;
}

.dark .Diagram {
	filter: invert(1);
}
